<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %><html>
<head>
<title>查询统计-其它缺陷</title>
<meta charset="utf-8">
<!--[if lt IE 9]><script src="${resourcePath}js/comm/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="${resourcePath}tags/bootstrap/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/pipedata.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/paging1.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/comm/Package.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/insp.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/comm/NewBtn.css">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/comm/base_v3.0.css">
    <script type="text/javascript" src="${resourcePath}/js/html2canvas.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/canvg.js" ></script>
    <script type="text/javascript">
        var _path="${pageContext.request.contextPath}";
    </script>
    <script>
        $('.xyf-toggle-form-div').on('click',function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
                $('.lsk-pick-line').removeClass('none');
            }else {
                $(this).addClass('active');
                $('.lsk-pick-line').addClass('none');
            }
        })
    </script>
    <style>
            .none{display:none !important;}
    </style>
</head>
<body class="body-pad" style="padding-bottom: 100px;">
<div class="html-header meta-head" style="background-color:white">
    <%--<p class="header-title" ><em class="icon-qtqx"></em>其它缺陷</p>--%>
    <%--<div class="hr w-85">--%>
        <%--<i class="zy-meta-pick-icon" title="收起/展开"></i>--%>
        <%--<div class="meta-head-line"></div>--%>

    <%--</div>--%>
    <div class="xyf-toggle-form-div header-title" style="margin:10px 0 0 0">
        <span><em class="icon-qtqx"></em>其它缺陷</span>查询条件<i class="xyf-toggle-form-icon"></i>
    </div>
</div>
<div class="container-fluid warp">
    <div class="row-fluid  bg-white1">
        <div class="main clearFix pad20">
            <div class="lsk-pick-line">
            <div class="cxtj clearFix" >
               <jsp:include page="../inspresult/search.jsp" />
                <div class="zy-input-group w-30 w-new">
                    <button id="JQ_search_btn_01" class="zy-button zy-search find" type="button"><i class="zy-search-icon"></i>查询</button>
                    <button id="JQ_export_btn_01" class="zy-button zy-export rbtn2 exportExlBtn"   exportName="内检测其它缺陷统计图"  type="button"><i class="zy-export-icon"></i>导出</button>
                    <div style="clear:both"></div>
                </div>
            </div>
                </div>
            <div style="clear:both"></div>
            <div  class="tab-f" style="margin-top:20px">
                <span class="sp00"></span>
                <ul>
                    <li class="active"> 其它缺陷<em></em></li>
                    <li>凹陷<em></em></li>
                    <li>焊缝异常<em></em></li>
                </ul>
            </div>
            <!-- 其他缺陷-->
            <div class="tab-jsss">
                <div class="defect-down" >
                    <div class="list-show shut ">
                        <div class="left-table">
                            <p>其它缺陷总结表</p>
                            <table id="otherTab">
								<tr>
									<td class="first">所有其它缺陷数量</td>
									<td><a href="" >0</a></td>
								</tr>
								<tr class="second-tr">
									<td class="first">凹陷</td>
									<td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1">0</a></td>
								</tr>
								<tr>
									<td class="first">焊缝异常</td>
									<td><a href=""  to="<%=request.getContextPath() %>/insp/girthweld/page.html?t_=1">0</a></td>
								</tr>
								<tr class="second-tr">
									<td class="first">椭圆变形</td>
									<td><a href="" to="<%=request.getContextPath() %>/insp/elliptic/page.html?t_=1">0</a></td>
								</tr>
								<tr>
									<td class="first">类裂纹缺陷</td>
									<td><a href="" to="<%=request.getContextPath() %>/insp/crack/page.html?t_=1">0</a></td>
								</tr>
								
								<tr class="second-tr">
									<td class="first">其它损伤缺陷</td>
									<td><a href="" to="<%=request.getContextPath() %>/insp/other/page.html?t_=1">0</a></td>
								</tr>
								
							</table>
                        </div>
                        <div class="right-report clearfix">
                            <div class="rep-form form0" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">其它缺陷种类占比</p>
                                    <p class="p-02">数量百分比</p>
                                </div>
                                 <div  class="zhuzhuang" id="otherPie" style="margin-top:60px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                               
                            </div>
                             <div class="rep-form form1 no-right" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">其它缺陷时钟位置分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                               <div  class="zhuzhuang2" id="depressedClick1" style="margin:60px auto">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                            </div>
                            
                             <div style="clear:both"></div>
                             <!--
                            <div class="rep-form form1 no-right w100" style="display: none">
                            	<div class="title-img">
                                    <p class="p-01">螺旋(直)焊缝异常里程分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                               <div class="zhuzhuang1"  id="lxhfBar"  style="margin-top:80px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" >
								</div>
                            </div>
                            <div class="rep-form form2 w100" style="display: none">
                              
                                <div class="title-img">
                                    <p class="p-01">焊缝异常里程分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                               <div class="zhuzhuang" id="hhBar" style="margin-top:80px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" >
								</div>
                            </div>
                           -->
                           
                            
                        </div>
                    </div>
                </div>
                <!-- 凹陷-->
                <div class="defect-down none">
                    <div class="list-show shut">
                        <div class="left-table">
                            <p>凹陷总结表</p>
                           <table id="depressedTab">
							<tr>
                                <td class="first">凹陷总数</td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1">0</a></td>
                            </tr>
                            <tr class="second-tr">
                                <td class="first">0%OD -2%OD</td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&beginDepth=0&endDepth=2">0</a></td>
                            </tr>
                            <tr>
                                <td class="first">2%OD -6%OD</td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&beginDepth=2&endDepth=6">0</a></td>
                            </tr>
                            <tr>
                                <td class="first">6%OD以上<span>(<a href="">开挖单</a>)</span></td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&beginDepth=6">0</a></td>
                            </tr>
                            <tr class="second-tr">
                                <td class="first" style="width:80%">与焊缝相关的凹陷<span></span></td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&typeIds='${DENT_TYPE_YHFXGDAX }'" >0</a></td>
                            </tr>
                            <tr>
                                <td class="first">与金属损失相关的凹陷<span>(<a href="">开挖单</a>)</span></td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&typeIds='${DENT_TYPE_YJSSSYGDAX }'" >0</a></td>
                            </tr>
                            <tr class="second-tr">
                                <td class="first">最大深度的凹陷<span></span></td>
                                <td><a href="" to="<%=request.getContextPath() %>/insp/depressed/page.html?t_=1&maxDepth=1" >0</a></td>
                            </tr>
							</table>
                        </div>
                        <div class="right-report clearfix">
                            <div class="rep-form form0" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">凹陷深度分布占比</p>
                                    <p class="p-02">数量百分比</p>
                                </div>
                                <div   class="zhuzhuang" id="depressedPie" style="margin-top:60px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                            </div>
                            <div class="rep-form form3 no-right" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">凹陷时钟位置分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                                <div  class="zhuzhuang2" id="depressedClick2" style="margin:60px auto">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                            </div>
                            
                            <div style="clear:both"></div>
                            <!-- 
                            <div class="rep-form form2">
                                <div>
                                    <img src="${resourcePath}images/insp/u164.png" alt=""/>
                                </div>
                                <p>特征深度统计分布图</p>
                            </div>
                             -->
                            
                            <div class="rep-form form1 no-right w100">
                            	<div class="title-img">
                                    <p class="p-01">凹陷里程分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                                <div  class="zhuzhuang1" id="depressedBar" style="margin-top:60px">
									<img alt="" src="${resourcePath}images/insp/kcal.png" >
								</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 焊缝异常-->
                <div class="defect-down none">
                    <div class="list-show shut">
                        <div class="left-table">
                            <p>焊缝异常总结表</p>
                           <table id="girthWeldTab">
								<tr>
									<td class="first">焊缝异常数量</td>
									<td><a href=""  to="<%=request.getContextPath() %>/insp/girthweld/page.html?t_1">0</a></td>
								</tr>
								<tr class="second-tr">
									<td class="first">环焊缝异常数量</td>
									<td><a href=""  to="<%=request.getContextPath() %>/insp/girthweld/page.html?t_1&typeIds=1-,">0</a></td>
								</tr>
								<tr>
									<td class="first">螺旋焊缝异常数量</td>
									<td><a href=""  to="<%=request.getContextPath() %>/insp/girthweld/page.html?t_1&typeIds=${FEATURE_TYPE_LXHFYC },">0</a></td>
								</tr>
								<tr class="second-tr">
									<td class="first">直焊缝异常数量</td>
									<td><a href=""  to="<%=request.getContextPath() %>/insp/girthweld/page.html?t_1&typeIds=${FEATURE_TYPE_ZHFYC },">0</a></td>
								</tr>
							</table>
                        </div>
                        <div class="right-report clearfix">
                            <div class="rep-form form0" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">焊缝异常种类占比</p>
                                    <p class="p-02">数量百分比</p>
                                </div>
                                <div   class="zhuzhuang" id="girthWeldPie" style="margin-top:60px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                            </div>
                            <div class="rep-form form3 no-right" style="height:300px">
                            	<div class="title-img">
                                    <p class="p-01">焊缝异常时钟位置分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                               <div  class="zhuzhuang2"  id="girthWeldClick" style="margin:60px auto">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" style="margin-top:30px">
								</div>
                            </div>
                            
                            <div style="clear:both;" style=""></div>
                            <!-- 
                            <div class="rep-form form2">
                                <div>
                                    <img src="${resourcePath}images/insp/u164.png" alt="" style="height:200px"/>
                                </div>
                                <p>特征数量分布统计图</p>
                            </div>
                             -->
                            
                            <div class="rep-form form1 no-right w100">
                            	<div class="title-img">
                                    <p class="p-01">焊缝异常里程分布</p>
                                    <p class="p-02">数量</p>
                                </div>
                               <div  class="zhuzhuang1"  id="girthWeldBar"  style="margin-top:60px">
									<img alt="" src="${resourcePath}static/img/chart_no_data.png" >
								</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${resourcePath}js/comm/jquery.js"></script>
<script src="${resourcePath}js/comm/build.js"></script>
<script src="${resourcePath}tags/bootstrap/bootstrap.min.js"></script>
<script src="${resourcePath}js/comm/base_v3.0.js"></script>
<script src="${resourcePath}js/insp.js"></script>

<script src="${resourcePath}tags/reportforms/build/dist/echarts.js"></script>
<script src="${resourcePath}tags/reportforms/JS/picECharts.js"></script>

<script src="${pageContext.request.contextPath}/js/insp/inspresult/util.js"></script>
<script src="${pageContext.request.contextPath}/js/insp/statistics/otherStat.js"></script>

<script src="${resourcePath}tags/reportforms/d3/d3.min.js"></script>
<script src="${resourcePath}tags/reportforms/d3/lineGraph.js"></script>
<script src="${resourcePath}tags/reportforms/d3/timeMap.js"></script>
	</body></html>